<div class="bg-light lter b-b wrapper-sm">
    <h1 class="m-n font-strong h4">编辑个人信息</h1>
</div>
<div class="wrapper-sm">
    <div class="panel panel-default">
        <div class="panel-body">
            <validator name="validation" :groups="['rUserpasswordGroup']">
                <form id="userInfoform" novalidate class="form-validation form-horizontal">
                    <div class="form-group">
                        <label class="col-lg-2 control-label">用户名<span class="text-danger">*</span></label>
                        <div class="col-lg-2">
                            <input type="text" class="form-control input-sm" v-model="userName" :disabled="{disabled:true}" placeholder="请填写用户名" name="userName" id="userName">

                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">所属用户组<span class="text-danger">*</span></label>
                        <div class="col-lg-2">
                            <input type="text" class="form-control input-sm" v-model="userGroupName" :disabled="{disabled:true}" placeholder="请填写所属用户组" name="userGroupName" id="userGroupName">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">原密码<span class="text-danger">*</span></label>
                        <div class="col-lg-2">
                            <input type="password" name="userPassword"id="userPassword" class="form-control input-sm" v-model="userPassword" placeholder="请填写原密码" v-validate:userPassword="{ minlength: 6, required: true }">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">重置密码<span class="text-danger">*</span></label>
                        <div class="col-lg-2">
                            <input type="password" class="form-control input-sm" id="rUserPassword" v-model="rUserPassword" placeholder="请填写重置密码" name="rUserPassword" v-validate:rUserPassword="{ minlength: 6, required: true }" group="rUserpasswordGroup">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">重复重置密码<span class="text-danger">*</span></label>
                        <div class="col-lg-2">
                            <input id="rUserPasswordAgain" type="password" class="form-control input-sm" v-model="rUserPasswordAgain" placeholder="请再次填写重置密码" name="rUserPasswordAgain" v-validate:rUserPasswordAgain="{ minlength: 6, required: true }" group="rUserpasswordGroup">
                            <div class="error">
                                <span class="text-danger m-l-sm" v-if="!(rUserPassword == rUserPasswordAgain)">重置密码不匹配！</span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="m-t m-b col-lg-3">
                    <button id="save" type="button" class="btn btn-sm btn-rounded pull-right m-l-sm" v-on:click="save" :disabled="!$validation.valid" v-bind:class="[{'btn-grey':!$validation.valid},{'btn-default':$validation.valid}]">保存</button>
                        </div>
                    </div>
                </form>
            </validator>
        </div>
    </div>
</div>
